<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Login</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le styles -->
   <link href="<?php echo base_url('assets/css/bootstrap.css') ?>" rel="stylesheet" medie="screen">
   <!-- <link href="<?php echo base_url('assets/css/bootstrap-responsive.css') ?>" rel="stylesheet"> -->
   <!-- <link href="<?php echo base_url('assets/css/docs.css') ?>" rel="stylesheet"> -->

  <!-- FAVICON -->
  <link rel="icon" href="<?php echo base_url('images/amlo_logo_small.gif')?>" type="image/gif">  

    <!-- JAVASCRIPT -->
  <script src="<?php echo base_url('javascript/jquery-1.9.1.min.js'); ?>"></script>
  <script src="<?php echo base_url(); ?>assets/js/bootstrap.min.js"></script>

    <style type="text/css">
      body {
        padding-top: 300px;
        padding-bottom: 40px;
        background-color: #f5f5f5;
      }

      .form-signin {
        max-width: 300px;
        margin: 0 auto 20px;
        text-align: center;
      }
      .form-signin .form-signin-heading,
      .form-signin .checkbox {
        margin-bottom: 10px;
      }
      .form-signin input[type="text"],
      .form-signin input[type="password"] {
        font-size: 16px;
        height: auto;
        margin-bottom: 15px;
        padding: 7px 9px;
      }

      #logo {
        position: absolute;
        top: 57px;
        left: 50px;
      }
      .placeName {
        position: absolute;
        top: 100px;
        width: 100%;
        height: 150px;
        z-index: -1;
        padding: 10px 20px 6px;
        color: #E1E1E1;
        text-decoration: none;
        font-size: 28px;
        line-height: 30px;
        background: #ddd;
        box-shadow: 1px 1px 2px rgba(0,0,0,.5);
        -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.5);
        -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.5);
        text-shadow: #fff 0px 1px 1px;
        
         /* fallback */
        background-color: #5299DD;
        /* Safari 4-5, Chrome 1-9 */
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5299DD), to(#23466F));
        /* Safari 5.1, Chrome 10+ */
        background: -webkit-linear-gradient(top, #5299DD, #23466F);
        /* Firefox 3.6+ */
        background: -moz-linear-gradient(top, #5299DD, #23466F);
        /* Opera 11.10+ */
        background: -o-linear-gradient(top, #5299DD, #23466F);
        /* For Internet Explorer 5.5 - 7 */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5299DD, endColorstr=#23466F);
        /* For Internet Explorer 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#5299DD, endColorstr=#23466F)";
        /* IE 10 */
        background: -ms-linear-gradient(top, #5299DD, #23466F);
        
      }

      .placeName h1,.placeName p{
        text-align: right;
        margin-right: 100px;
        padding-top:20px
      }

    </style>

  </head>

  <body >

   <!-- Subhead
    ================================================== -->
    <div>
      <div id="logo"><img src="<?php echo base_url('images/amlo_logo_big.gif'); ?>" style="width: 250px; "/></div>
      <div class="placeName">
        <h1 style="font-size: 30px;font-weight: 500; padding-top:10px">ระบบสารสนเทศเพื่อควบคุมติดตามและตรวจสอบ<br>การปฏิบัติงานคดีตามกฎหมาย<br>ว่าด้วยการป้องกันและปราบปรามการฟอกเงิน</h1>
      </div>
    </div> 

    <div>
      <h2 class="form-signin-heading" align="center" >ลงชื่อเข้าใช้งานระบบ</h2>
      <?php echo form_open('loginController/login',array('class'=>'form-signin')); ?>
        <?php echo validation_errors('<div class="alert"><button type="button" class="close" data-dismiss="alert">&times;</button>','</div>'); ?> 
        <hr>
        <input id="username" name="username" type="text" class="input-large" value="<?php echo set_value('username'); ?>" placeholder="ชื่อผู้ใช้งาน">
        <input id="password" name="password" type="password" class="input-large" placeholder="รหัสผ่าน">
        
        <div align="center">
          <button name="btnClear" class="btn btn-large" type="reset">ล้างค่า</button>
          <input id="btnLogin" name="btnLogin" type="submit" class="btn btn-large btn-primary" value="ลงชื่อเข้าใช้">
        </div>
      <?php echo form_close(); ?>
    </div> <!-- /container -->



  </body>
</html>
